$(document).ready(function () {
    $('#searchBtn').on('click', function () {
        $.ajax({
            url: '/search.json', // 替换为你的API端点
            type: 'GET', // 请求类型，可以是GET、POST等
            dataType: 'json', // 期望从服务器返回的数据类型
            data: {
                "query": $('#query').val()
            },
            success: function (response) {
                // 请求成功时的回调函数
               // console.log('Response:', response);
                //1.清空数据
                $('#search_results tbody').empty();
                $.each(response,function (index,element){
                    var newRow = '<tr>' +
                        '<td>' + element.no + '</td>' +
                        '<td>' + element.title + '</td>' +
                        '<td><a href="/article.html?no=' +element.no+ "&score=" +element.score +"&query=" +$('#query').val() +'">' + textFormatter(element.content) + '</a></td>' +
                        '<td>' + element.score + '</td>' +
                        '</tr>';
                    $('#search_results tbody').append(newRow)
                })
            },
            error: function (xhr, status, error) {
                // 请求失败时的回调函数
                console.error('Error:', error);
            }
        });
    });

    $('#indexBtn').on('click', function () {
        $.ajax({
            url: '/write-index.json', // 替换为你的API端点
            type: 'POST', // 请求类型，可以是GET、POST等
            dataType: 'json', // 期望从服务器返回的数据类型
            data: {
                "title": $('#title').val(),
                "content": $("#article").val()
            },
            success: function (response) {
                // 请求成功时的回调函数
                console.log('Response:', response);
                BootstrapDialog.show({
                    title: '提示',
                    message: '索引成功',
                    buttons: [{
                        label: '确定',
                        cssClass: 'btn-success',
                        type: BootstrapDialog.TYPE_INFO,
                        action: function(dialog){
                            dialog.close();//关闭对话框
                        }
                    }]
                });
            },
            error: function (xhr, status, error) {
                // 请求失败时的回调函数
                console.error('Error:', error);
            }
        });
    });

    $('#clearBtn').on('click',function (){
        console.info('clear content.')
        $('#title').val('');
        $('#article').val('');
    });

    $('#extractorBtn').on('click', function () {
        $.ajax({
            url: '/extractor.json', // 替换为你的API端点
            type: 'POST', // 请求类型，可以是GET、POST等
            dataType: 'json', // 期望从服务器返回的数据类型
            data: {
                "url": $('#extractor').val(),
            },
            success: function (response) {
                // 请求成功时的回调函数
                console.log('Response:', response);
                $('#title').val(response.title);
                $('#article').val(response.content);
                BootstrapDialog.show({
                    title: '提示',
                    message: '抽取成功',
                    buttons: [{
                        label: '确定',
                        cssClass: 'btn-success',
                        type: BootstrapDialog.TYPE_INFO,
                        action: function(dialog){
                            dialog.close();//关闭对话框
                        }
                    }]
                });
            },
            error: function (xhr, status, error) {
                // 请求失败时的回调函数
                console.error('Error:', error);
            }
        });
    });

    function textFormatter(value) {
        if (value.length > 50) {
            return value.substring(0, 50) + '...';
        } else {
            return value;
        }
    }
})